<template>
	<view>
		<view class="safe"></view>
		<view class="footer">
			<!-- 左边 -->
			<view class="flex aic c9">
				<view class="flex column jcc fs24 pd20 aic">
					<view><u-icon name="home" size="24"></u-icon></view>
					<view>小店</view>
				</view>
				<view class="flex column jcc fs24 pd20 aic">
					<view><u-icon name="shopping-cart" size="24"></u-icon></view>
					<view>购物车</view>
				</view>
			</view>
			<!-- 右边 -->
			<view class="flex">
				<u-button class="joinCar" text="加入购物车"></u-button>
				<u-button class="buy" text="购买"></u-button>
			</view>
		</view>
	</view>
</template>

<script></script>

<style lang="scss">
.safe {
	height: 100rpx;
}
.miniSize {
	font-size: 24rpx;
	color: #999;
	line-height: 1.7;
}
.footer {
	width: 100%;
	height: 100rpx;
	position: fixed;
	bottom: 0;
	@include flex-box();
	border: 1px solid #eee;
	background-color: #fff;
	.joinCar {
		color: #ff822e;
		border-radius: 10rpx;
		margin-right: 20rpx;
		padding: 0 40rpx;
		background-color: #eee;
	}
	.buy {
		background-color: #ff822e;
		border-radius: 10rpx;
		color: #fff;
		padding: 0 40rpx;
		margin-right: 20rpx;
	}
}
</style>
